<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				background-image: url(lsm/2b.png);
				background-size: cover;
				overflow: hidden;
			}
			.person{
				background-image: url(lsm/1s.png);
				width: 650px;
				height: 650px;
				/*border: 1px solid black;*/
				position: absolute;
				right: -400px;
				bottom: -100px;
				animation: person_move 83s infinite;
			}
			.bird{
				background-image: url(lsm/2s.png);
				/*border: 1px solid black;*/
				width: 80px;
				height: 80px;
				background-size: cover;
				position: absolute;
				top: 100px;
				left: 1000px;
				animation: bird_move 83s infinite;
			}
			.word{
				background-image: url(lsm/lsm.png);
				width: 900px;
				height: 900px;
				/*border: 1px solid black;*/
				position: absolute;
				left: -900px;
				animation: word_move 83s infinite;
			}
			@keyframes person_move{
				
				to{right: 2000px;}
			}
			@keyframes bird_move{
				50%{
					top: 300px;
					left: 1500px;
					transform: scale(2);
				}
				100%{
					top:100px;
					left: 2000px;
					transform: scale(1);
				}			
			}
			@keyframes word_move{
				50%{
					left: 500px;
				}
				100%{
					left: 1000px;
					opacity: 0;
				}
			}
		</style>
	</head>
	<body>
		<div class="person"></div>
		<div class="bird"></div>
		<div class="word"></div>
		<audio src="lsm/lsm.mp3" controls ></audio>
	</body>
</html>
